<!DOCTYPE html>
<html lang="zh-CN">

{include file="public:header"}
<style>
  .nav-item{
    position:relative;
  }
  .navbar-news{
    width: 100px;
    align-content: center;
    display: none;
    position:absolute;
    z-index: 999999;
    background-color: #00b7ee;
    color: #fff5d4;
    border-radius: 10px;
  }
</style>
<body ontouchstart="">
{include file="public:nav"}

{include file="public:right"}

<!--电脑端banner-->
<div class="banner-big banner-all" style="background-image: url({$lbp.image});"></div>

<!--手机端banner图-->
<div class="banner-small banner-all" style="background-image: url({$lbm.image});"></div>

<!--分页公共标题-->
<div class="nav">
  <div class="nav-top">
    <div class="nav-box mid clearfix">
      <div class="nav-float float-lt clearfix">
        <div class="nav-icon float-lt"></div>
        <div class="nav-bread float-lt">
          <span>项目中心</span>
          <span class="nav-col">{$type.ty_name}</span>
        </div>
      </div>
      <ul class="nav-list float-rt">
        {volist name="res" id="vs"}
        <li id="xm-{$vs.ty_id}" {if condition="$type.ty_id eq $vs.ty_id"} class="nav-item active" {else /} class="nav-item" {/if} >
        <a href="{:url('Culture/index',array('id'=>$vs['ty_id']))}">
          {$vs.ty_name}
        </a>
        <div id="navbar-news-{$vs.ty_id}" class="navbar-news">
          <ul  >
            {volist name="vs.child" id="item"}
            <li><a style="padding: 20px 5px 5px 15px;" href="{:url('Culture/index',array('id'=>$item['ty_id']))}">
              {$item.ty_name}
            </a></li>
            {/volist}
          </ul>
        </div>

        </li>
        {/volist}
      </ul>
    </div>
  </div>
  <div class="product-bd mid">
    <h5 class="group-title">
      {$type.ty_name}<span class="group-word">{$type.ty_ename}</span>
    </h5>
    <div class="news-box">
<!--      <div class="news-hd clearfix">-->
<!--        <div class="news-pic float-lt">-->
<!--            <img src="{$tui.image}" alt="{$tui.title}" class="img-responsive" />-->
<!--        </div>-->
<!--        <div class="news-txt float-lt">-->
<!--          <a class="news-title col" href="{:url('Culture/detail',array('id'=>$tui['id']))}" title="{$tui.title}">-->
<!--            {$tui.title}-->
<!--          </a>-->
<!--          <div class="news-time">{$tui.time|date="Y-m-d",###}</div>-->
<!--          <p class="news-cont">-->
<!--            {$tui.marray}...-->

<!--          </p>-->
<!--        </div>-->
<!--      </div>-->
      <ul class="news-list">
        {volist name="list" id="v"}
        <li class="news-item">
          <div class="news-hd clearfix">
            <div class="news-pic float-lt">
              <img src="{$v.image}" alt="{$v.title}" class="img-responsive" />
            </div>
            <div class="news-txt float-lt">
              <a class="news-title col" href="{:url('Culture/detail',array('id'=>$v['id']))}" title="{$v.title}">
                {$v.title}
              </a>
              <div class="news-time">{$v.time|date="Y-m-d",###}</div>
              <p class="news-cont">
                {$v.marray}
              </p>
            </div>
        </li>
        {/volist}
      </ul>
    </div>
    <div class="product-page text-right">
      <nav aria-label="Page navigation">
        <ul class="pagination">
          {$page}
        </ul>
      </nav>
    </div>
  </div>
</div>

{include file="public:footer"}

</body>
<script !src="">
  $("#xm-5").hover(function (){
    $("#navbar-news-5").show();
  },function () {
    $("#navbar-news-5").hide();
  })
</script>

</html>